<template>
  <n-flex
    justify="space-between"
    align="cnter"
    class="mb-16"
  >
    <h5>{{ title }}</h5>
    <n-button
      type="primary"
      @click="emits('add')"
    >
      <template #icon>
        <n-icon :component="AddOutline" />
      </template>
      {{ btnText }}
    </n-button>
  </n-flex>
</template>

<script lang="ts" setup>
  import { AddOutline } from '@vicons/ionicons5'
  defineProps<{
    title: string
    btnText: string
  }>()

  const emits = defineEmits(['add'])
</script>

<style scoped lang="scss"></style>
